<!DOCTYPE html>
<html lang="zh-cn" >
  <head>
	<meta name="generator" content="Hugo 0.96.0" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="author"
      content="awesome404"
    />
      
    <title>
      鹊木笔记 ｜ 前端菜鸡的自我修养
    </title>
    
    
    
    <meta
      name="description"
      content="一名前端程序员的博客!!!"
    />
      
    <meta
      name="keywords"
      content="Blog, 程序员, 前端"
    />
      
    <link rel="alternate" type="application/rss+xml" href="https://awesome404.gitee.io/index.xml" title="鹊木笔记" />
      <link
    rel="shortcut icon" href="https://awesome404.gitee.io/images/favicon.ico" />

    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="https://awesome404.gitee.io/css/normalize.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="https://cdn.jsdelivr.net/npm/animate.css@4.1.0/animate.min.css"
    />
    <link rel="stylesheet" type="text/css" media="screen" href="https://awesome404.gitee.io/css/zozo.css" />
    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css"
    />
    <link rel="stylesheet" type="text/css" media="screen" href="https://awesome404.gitee.io/css/highlight.css" />

    
    
  </head>
</html>


<body>
    <div class="main animate__animated animate__fadeInDown">
        
<div class="nav_container animated fadeInDown">
  <div class="site_nav" id="site_nav">
    <ul>
      
      <li>
        <a href="/">首页</a>
      </li>
      
      <li>
        <a href="/posts/">归档</a>
      </li>
      
      <li>
        <a href="/tags/">标签</a>
      </li>
      
      <li>
        <a href="/about/">关于</a>
      </li>
      
    </ul>
  </div>
  <div class="menu_icon">
    <a id="menu_icon">
      <i class="ri-settings-line"></i>
    </a>
  </div>
</div>

        <div class="header animated fadeInDown">
  <div class="site_title_container">
    <div class="site_title">
      <h1>
        <a href="https://awesome404.gitee.io">
          <span>鹊木笔记</span>
        </a>
      </h1>
    </div>
    <div class="description">
      <p class="sub_title">
        前端菜鸡的自我修养
      </p>
      <div class="my_socials">
         
        <a href="https://github.com/404Awesome" title="github" target="_blank"
          ><i class="ri-github-fill"></i
        ></a>
         
        <a
          href="https://awesome404.gitee.io/index.xml"
          type="application/rss+xml"
          title="rss"
          target="_blank"
          ><i class="ri-rss-fill"></i
        ></a>
      </div>
    </div>
  </div>
</div>

        <div class="content">
            

<div class="post animated fadeInDown">
    <div class="post_title">
        <h2><a href='/posts/mysql%E5%85%A5%E9%97%A8/'>MySQL入门</a></h2>
    </div>
    
    <div class="list">
        <div class="post_content markdown">
            <p>MySQL 简介 MySQL 由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司 MySQL 是一个开源的关系型数据库管理系统 MySQL 分为社区版和企业版 MySQL 安装 下载 推荐使用 mirrors.163.com 网易镜像站下载 安装方式 MSI 安装 (Windows Installer) ZIP 安装 HomeBrew安装(Mac Installer) 一. MSI 方式 安装简......</p>
        </div>
    </div>
    
    <div class="post_footer">
        <div class="meta">
            <div class="info">
                <span class="field">
                    <i class="ri-time-line"></i>
                    <span class="date">2020.05.30</span>
                </span>
                
                <span class="field tags">
                    <i class="ri-price-tag-2-line"></i>
                    
                    <a href="https://awesome404.gitee.io/tags/mysql/">MySQL</a>
                    
                </span>
                
            </div>
        </div>
    </div>
</div>

<div class="post animated fadeInDown">
    <div class="post_title">
        <h2><a href='/posts/nodejs%E7%AE%80%E4%BB%8B/'>NodeJs简介</a></h2>
    </div>
    
    <div class="list">
        <div class="post_content markdown">
            <p>Node.Js 是什么? Node.js 是一个基于Chrome V8 引擎的 JavaScript 运行时 点击此处访问Node官网 Node 的创始人为：Ryan Dahl 这里需要注意的是目前 Ryan Dahl 认为 Node 违背了它的初衷, 否定了 Node, 然后开发了 deno, deno 支持 TypeScript 运行时，设计更加安全，有兴趣......</p>
        </div>
    </div>
    
    <div class="post_footer">
        <div class="meta">
            <div class="info">
                <span class="field">
                    <i class="ri-time-line"></i>
                    <span class="date">2020.05.23</span>
                </span>
                
                <span class="field tags">
                    <i class="ri-price-tag-2-line"></i>
                    
                    <a href="https://awesome404.gitee.io/tags/node/">Node</a>
                    
                </span>
                
            </div>
        </div>
    </div>
</div>

<div class="post animated fadeInDown">
    <div class="post_title">
        <h2><a href='/posts/vue2%E4%B8%AD%E7%9A%84slot/'>Vue2中的slot</a></h2>
    </div>
    
    <div class="list">
        <div class="post_content markdown">
            <p>slot 翻译为 插槽 为什么使用插槽 组件中的插槽也是为了让我们封装的组件更加具有拓展性 让使用者可以决定组件内部的一些内容到底展示什么 插槽的基本使用 我们将子组件的模板分离的出来，如下 &lt;template id=&#34;cpn&#34;&gt; &lt;div&gt; &lt;slot&gt; default content &lt;/slot&gt; &lt;/div&gt; &lt;/template&gt; const temp = new Vue({ el:......</p>
        </div>
    </div>
    
    <div class="post_footer">
        <div class="meta">
            <div class="info">
                <span class="field">
                    <i class="ri-time-line"></i>
                    <span class="date">2020.04.15</span>
                </span>
                
                <span class="field tags">
                    <i class="ri-price-tag-2-line"></i>
                    
                    <a href="https://awesome404.gitee.io/tags/vue2/">Vue2</a>
                    
                </span>
                
            </div>
        </div>
    </div>
</div>

<div class="post animated fadeInDown">
    <div class="post_title">
        <h2><a href='/posts/vue2%E7%BB%84%E4%BB%B6/'>Vue2组件</a></h2>
    </div>
    
    <div class="list">
        <div class="post_content markdown">
            <p>什么是组件化 复杂问题的处理方式 任何一个人处理信息的逻辑能力都是有限的 所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容 如果将一个复杂的问题，拆分成多个可以处理的小问题，再将其放在整体......</p>
        </div>
    </div>
    
    <div class="post_footer">
        <div class="meta">
            <div class="info">
                <span class="field">
                    <i class="ri-time-line"></i>
                    <span class="date">2020.04.13</span>
                </span>
                
                <span class="field tags">
                    <i class="ri-price-tag-2-line"></i>
                    
                    <a href="https://awesome404.gitee.io/tags/vue2/">Vue2</a>
                    
                </span>
                
            </div>
        </div>
    </div>
</div>


<div class="pagination">
    
    
    <a href="/page/2/" class="pre">
        
        返回
    </a>
    
    
    <a href="/page/4/" class="next">
        
        更多
    </a>
    
    
</div>
        </div>
    </div>
    
<style>
  #hitokoto {
    overflow: hidden;
    margin: 0 auto;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #424242;
  }

  .footer {
    padding: 30px 0px;
  }
</style>

<footer class="footer">
  <p id="hitokoto">:D 获取中...</p>
</footer>

<script>
  fetch("https://v1.hitokoto.cn")
    .then((response) => response.json())
    .then((data) => {
      const hitokoto = document.getElementById("hitokoto");
      hitokoto.href = "https://hitokoto.cn/?uuid=" + data.uuid;
      hitokoto.innerText = data.hitokoto;
    })
    .catch((err) => err);
</script>

    <script src="https://awesome404.gitee.io/js/jquery-3.5.1.min.js"></script>
<link href="https://awesome404.gitee.io/css/fancybox.min.css" rel="stylesheet">
<script src="https://awesome404.gitee.io/js/fancybox.min.js"></script>
<script src="https://awesome404.gitee.io/js/zozo.js"></script>




</body>

</html>